import React from 'react'
import './ProducCollection.css'
import { Row, Col, Typography, Divider } from 'antd'


class ProducCollection extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            a: 1
        }
    }

    render() {
        return (
            <div className='content'>
                <Divider>{this.props.title}</Divider>
                <Row>
                    <Col span={4}>
                        <img src={this.props.sideImage} className='side-image' />
                    </Col>
                    <Col span={20}>
                        <Row>
                            <Col span={10}>1</Col>
                            <Col span={10}>
                                <Row>
                                    <Col span={12}>1</Col>
                                    <Col span={12}>1</Col>
                                </Row>
                                
                            </Col>
                        </Row>
                        <Row>
                            <Col span={6}>2</Col>
                            <Col span={6}>2</Col>
                            
                            <Col span={6}>2</Col>
                            
                        </Row>
                        <Row>
                            <Col span={6}>3</Col>
                            <Col span={6}>3</Col>
                            <Col span={6}>3</Col>
                            <Col span={6}>3</Col>
                            
                        </Row>

                    </Col>
                </Row>
            </div>
        )
    }
}


export default ProducCollection